<script type="text/javascript">
  function getQueryString(name)
  {
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if(r!=null)return  unescape(r[2]); return null;
  }


  var openid = getQueryString("openid");

  if(!openid){
    location.replace("http://qa.winnovator.cn/entrance/fromSource?redirect="+encodeURIComponent(location.href));
  }
</script>

<!doctype html>
<html class=no-js lang=zh-cmn-Hans>
  
  <head>
    <meta http-equiv=Content-Type content="text/html; charset=UTF-8">
    <title>儿童气质类型测试 | 幸福创客</title>
    <meta content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1" name=viewport>
    <meta content="IE=edge,chrome=1" http-equiv=X-UA-Compatible>
    <meta name=apple-mobile-web-app-capable content=yes>
    <meta http-equiv=Cache-Control content="no-cache, no-store, must-revalidate">
    <meta http-equiv=Pragma content=no-cache>
    <meta http-equiv=Expires content=0>
    <meta http-equiv=cache-control content="max-age=0">
    <meta http-equiv=expires content="Tue, 01 Jan 1980 1:00:00 GMT">
    <meta name=apple-mobile-web-app-status-bar-style content=black>
    <link rel=stylesheet href=http://static.xingfuchuangke.cn/yoparent_scale/styles/26/main26.css?v=1449898099060>
    <link rel=stylesheet href=http://static.xingfuchuangke.cn/yoparent_scale/styles/26/perfect-scrollbar.css?v=1449898099060>
    <script src=http://static.xingfuchuangke.cn/yoparent_scale/scripts/26/modernizr.js?v=1449898099060></script>

    <style type="text/css">

    .full-page {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      margin: 0 auto;
      overflow: hidden;
      background-color: #f2f2f2; 
    }
    @media (min-width: 640px) {
        .full-page {
          width: 640px; 
        } 

        .question-content-wrapper{
          padding-top: 20%;
        }
    }
    .page-content-wrapper .img-cover-top{
      top: 100px;
    }

    
    </style>
    <script>var _hmt = _hmt || []; (function() {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?061e31ddbdbd77c0403205c71bf52730";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();</script>
  </head>
  
  <body>
    <img style="position: absolute; top: -10000px;" src="http://static.xingfuchuangke.cn/scale_demo/images/share.jpg?v=1449211270044">
    <!--[if lt IE 10]>
      <p class="browserupgrade">You are using an
        <strong>outdated</strong>browser. Please
        <a href="http://browsehappy.com/">upgrade your browser</a>to improve your experience.</p>
    <![endif]-->
    <div class="orientation full-page">
      <div class=orientation-wrap>
        <div class="loading icon-spinner"></div>
        <div class=mesg>请使用竖屏浏览，体验绝佳！</div></div>
    </div>
    <div class="ending full-page hide">
      <div class=mesg>让朋友们也来试试！
        <div class="share icon-redo2"></div></div>
    </div>
    <div class=container id=container>
      <div class="content-wrap full-page" id=content-wrap>
        <ul class="content page-content" id=content>
          <li class="page-content-wrapper active">
            <div class=page-border></div>
            <div class=img-cover main-img data-width=750 data-height=350>
              <img src=http://static.xingfuchuangke.cn/yoparent_scale/images/26/face.jpg?v=1449898099060>
              <div class=paper-title>儿童气质类型测试</div></div>
            <div class=can-scroll>
              <div class=paper-desc-wrapper>
                <div class=paper-desc>
                  <div class=paper-desc-content>从心理学的角度，你是什么气质类型呢？接下来的漫画将帮助你了解。</div></div>
                <div class=paper-expert>
                  <div class=paper-expert-content>
                    <div class=paper-expert-img-wrapper>
                      <img class=paper-expert-img src=http://static.xingfuchuangke.cn/yoparent_scale/images/26/expert.jpg?v=1449898099060></div>
                    <div class=paper-expert-info>本测试基于古希腊学者盖伦的四种气质类型学说，引用丹麦漫画家皮特苏特鲁普的经典漫画，由幸福创客独家编制。</div></div>
                </div>
              </div>
            </div>
            <br>
            <div class="continue-btn-wrap highlight">开始测试</div></li>
          <li class=page-content-wrapper attr-page attr-main>
            <div class=page-border></div>
            <div class=img-cover-title> 
              有一天在公园里，有人不小心坐在你的帽子上，你觉得你更可能做出以下哪种反应：
            </div>
            <div class="img-cover img-cover-top" main-img>
              <div class=img-cover-content>
                <img class=choice src=http://static.xingfuchuangke.cn/yoparent_scale/images/26/1A.jpg?v=1449898099060>
                <img class=choice src=http://static.xingfuchuangke.cn/yoparent_scale/images/26/1B.jpg?v=1449898099060>
                <img class=choice src=http://static.xingfuchuangke.cn/yoparent_scale/images/26/1C.jpg?v=1449898099060>
                <img class=choice src=http://static.xingfuchuangke.cn/yoparent_scale/images/26/1D.jpg?v=1449898099060></div>
            </div>
            <div class="can-not-scroll question-content-wrapper">
              <!-- <div class=img-cover-title>有一天在公园里，有人不小心坐在你的帽子上，你觉得你更可能做出以下哪种反应：</div> -->
              <div class=sliderBox data-qid=q1 data-selectindex=0>
                <div class=axisBox>
                  <div class=range-x>
                    <div class=range-selected></div>
                  </div>
                  <div class="range-y range-y-1"></div>
                  <div class="range-y range-y-2"></div>
                  <div class="bar ui-draggable ui-draggable-handle">
                    <div class=big-circle>
                      <div class=small-circle></div>
                    </div>
                  </div>
                </div>
                <div class=axisLabel>
                  <span class=one-axis-label>A</span>
                  <span class=one-axis-label>B</span>
                  <span class=one-axis-label>C</span>
                  <span class=one-axis-label>D</span></div>
              </div>
            </div>
            <div id=tianLog></div>
            <br>
            <div class="result-btn-wrap highlight">查看答案</div></li>
          <li class="result prologue" id=prologue-need-result>
            <div class="result-content hide" id=r1>
              <div class="can-scroll result-can-scroll">
                <div class=img-cover main-img>
                  <img src=http://static.xingfuchuangke.cn/yoparent_scale/images/26/r1.jpg?v=1449898099060></div>
                <div class=result-title data-share-title=儿童气质类型测试，我的气质像火一样，热情而躁动，你呢？>你的气质像火一样躁动</div>
                <div class=result-desc>你的性情开朗、热情，坦率，但情感易于冲动而不持久；就像火焰一样，你的情感和行为动作产生迅速而且强烈，精力旺盛，经常以极大的热情从事工作，但有时缺乏耐心，在失去热情之后难以再集中精力。</div>
                <div class=result-more>
                  <div class=follow-more>更多测试请关注</div>
                  <div class=follow-weixin>
                    <img src=http://static.xingfuchuangke.cn/yoparent_scale/images/26/more-service.png?v=1449898099060></div>
                </div>
              </div>
              <div class="share-btn-wrap highlight">晒结果</div></div>
            <div class="result-content hide" id=r2>
              <div class="can-scroll result-can-scroll">
                <div class=img-cover main-img>
                  <img src=http://static.xingfuchuangke.cn/yoparent_scale/images/26/r2.jpg?v=1449898099060></div>
                <div class=result-title data-share-title=儿童气质类型测试，我的气质像土一样，平和而厚重，你呢？>你的气质像土一样平和</div>
                <div class=result-desc>你的情绪不易发生，也不易外露，很少产生激情，遇到不愉快的事也不动声色，给人一种厚重而平和的感觉。同时，你办事谨慎细致，从不鲁莽，能够保持稳定而持久的注意力但不易转移，所以有时可能会给人一种不灵活的感觉。</div>
                <div class=result-more>
                  <div class=follow-more>更多测试请关注</div>
                  <div class=follow-weixin>
                    <img src=http://static.xingfuchuangke.cn/yoparent_scale/images/26/more-service.png?v=1449898099060></div>
                </div>
              </div>
              <div class="share-btn-wrap highlight">晒结果</div></div>
            <div class="result-content hide" id=r3>
              <div class="can-scroll result-can-scroll">
                <div class=img-cover main-img>
                  <img src=http://static.xingfuchuangke.cn/yoparent_scale/images/26/r3.jpg?v=1449898099060></div>
                <div class=result-title data-share-title=儿童气质类型测试，我的气质像水一样，忧郁而深沉，你呢？>你的气质像水一样深沉</div>
                <div class=result-desc>你的情感体验非常细腻而深沉，聪明且观察力敏锐，能够察觉他人察觉不到的细微事物，但在情感的表达方面隐晦而不外露，易多愁善感。在行为方面有较明显的内倾性，对自己职责之内的事表现出坚韧的精神，但对于一些变化中的事物难免表现出一些不适应和优柔寡断。</div>
                <div class=result-more>
                  <div class=follow-more>更多测试请关注</div>
                  <div class=follow-weixin>
                    <img src=http://static.xingfuchuangke.cn/yoparent_scale/images/26/more-service.png?v=1449898099060></div>
                </div>
              </div>
              <div class="share-btn-wrap highlight">晒结果</div></div>
            <div class="result-content hide" id=r4>
              <div class="can-scroll result-can-scroll">
                <div class=img-cover main-img>
                  <img src=http://static.xingfuchuangke.cn/yoparent_scale/images/26/r4.jpg?v=1449898099060></div>
                <div class=result-title data-share-title=儿童气质类型测试，我的气质像风一样，优雅而灵动，你呢？>你的气质像风一样灵动</div>
                <div class=result-desc>你的情感和行为动作发生得很快，变化得也快，但较为温和；易于产生情感，但体验不深，善于结交朋友，也容易适应新的环境；你的行为有明显的外倾性特点，思维灵活，但有事不注重细节，注意力与兴趣易于转移，不稳定；在意志力方面缺乏忍耐性，毅力不强。</div>
                <div class=result-more>
                  <div class=follow-more>更多测试请关注</div>
                  <div class=follow-weixin>
                    <img src=http://static.xingfuchuangke.cn/yoparent_scale/images/26/more-service.png?v=1449898099060></div>
                </div>
              </div>
              <div class="share-btn-wrap highlight">晒结果</div></div>
          </li>
        </ul>
      </div>
    </div>
    <script src=http://static.xingfuchuangke.cn/yoparent_scale/scripts/26/vendor26.js?v=1449898099060></script>
    <script src=main26.js?v=1449898099060></script>
    <script src=http://static.xingfuchuangke.cn/yoparent_scale/scripts/26/lib26.js?v=1449898099060></script>
    <script type=text/javascript src=http://res.wx.qq.com/open/js/jweixin-1.0.0.js></script>
    <script type=text/javascript>window.resultUrl = "http://123.59.44.69:7070/yoparent/scale/result";

      var quizId = 26;
      $.ajax({
        type: 'get',
        url: 'http://123.59.44.69:7070/yoparent/scale/initData?quizId=' + quizId + '&url=' + encodeURIComponent(location.href.split('#')[0]) + '&r=' + Math.random(),
        success: function(data) {
          var configData = eval('(' + data + ')');
          sysconfig(configData);
          wxconfig(configData);
        }
      });

      function sysconfig(data) {
        if(openid){
            data.token = openid;
        }
        window.yoparentToken = data.token;
        window.yoparentDataId = 26;
        window.yoparentStartTime = parseInt(data.startTime);
      }

      function wxconfig(data) {
        wx.config({
          debug: false,
          // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
          appId: data.singatureParm.appId,
          // 必填，公众号的唯一标识
          timestamp: parseInt(data.singatureParm.timestamp),
          // 必填，生成签名的时间戳
          nonceStr: data.singatureParm.nonceStr,
          // 必填，生成签名的随机串
          signature: data.singatureParm.signature,
          // 必填，签名，见附录1
          jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage", "onMenuShareQQ"] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });

        window.yoparentWxCommonConfig = {
          title: '儿童气质类型测试，一幅漫画测测你的气质',
          desc: '从心理学的角度，你是什么气质类型呢？接下来的漫画将帮助你了解。',
          // 分享描述
          link: 'http://scale.yoparent.cn/view26.html',
          imgUrl: 'http://static.xingfuchuangke.cn/yoparent_scale/images/' + window.yoparentDataId + '/face.jpg?v=1449211270044'
        };

        window.yoparentWxConfig = {
          title: yoparentWxCommonConfig.title,
          desc: yoparentWxCommonConfig.desc,
          link: yoparentWxCommonConfig.link,
          imgUrl: yoparentWxCommonConfig.imgUrl,
          type: 'link',
          // 分享类型,music、video或link，不填默认为link
          dataUrl: '',
          // 如果type是music或video，则要提供数据链接，默认为空
          success: function() {
            $.ajax({
              type: 'get',
              url: 'http://123.59.44.69:7070/yoparent/scale/shareToGroup?quizId=' + quizId + '&created=' + yoparentStartTime + '&token=' + yoparentToken + '&r=' + Math.random()
            });
          },
          cancel: function() {
            // 用户取消分享后执行的回调函数
          }
        }

        window.yoparentWxTimeineConfig = {
          title: yoparentWxCommonConfig.title,
          desc: yoparentWxCommonConfig.desc,
          link: yoparentWxCommonConfig.link,
          imgUrl: yoparentWxCommonConfig.imgUrl,
          type: 'link',
          // 分享类型,music、video或link，不填默认为link
          dataUrl: '',
          // 如果type是music或video，则要提供数据链接，默认为空
          success: function() {
            $.ajax({
              type: 'get',
              url: 'http://123.59.44.69:7070/yoparent/scale/shareToTimeline?quizId=' + quizId + '&created=' + yoparentStartTime + '&token=' + yoparentToken + '&r=' + Math.random()
            });
          },
          cancel: function() {
            // 用户取消分享后执行的回调函数
          }
        }

        wx.ready(function() {
          window.wxReady = true;

          window.wx.onMenuShareTimeline(window.yoparentWxTimeineConfig);

          window.wx.onMenuShareAppMessage(window.yoparentWxConfig);

        });
      }</script>
  </body>

</html>
